@require "../../css/mixin.styl"

.va-df-action-button
  relative()

.va-df-button-loading
  line-height 1
  abs-full()
  background rgba(0, 0, 0, 0.8)
  >i
    color #fff
    font-size 16px
    width 20px
    height 16px
    abs-center(20px, 16px)

.va-df-button-wrapper
  relative()
  display block
  padding-top 4px
  >button
    margin-bottom 4px

.va-df-actions
  display block
  width 100%
  margin-top 20px
  padding 20px 0 0 0
  border-top solid 1px #e2e2e2
  text-align right
  > button:not(:first-child)
    margin-left 10px

.va-df-form-inline
  .va-df-actions
    display inline-block
    margin-top 0
    margin-right 10px
    margin-bottom 10px
    width auto
    padding 0
    border none
    > button
      height $height-df-input-default
      line-height $height-df-input-default
      padding-top 0
      padding-bottom 0
      vertical-align middle
